<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	    		xmlns:ui="http://java.sun.com/jsf/facelets"
	  			xmlns:h="http://java.sun.com/jsf/html"
	  			xmlns:f="http://java.sun.com/jsf/core"
	  			xmlns:sf="http://www.springframework.org/tags/faces"	  			
				template="/WEB-INF/layouts/standard.xhtml">

<ui:define name="content">

<div class="section">
	<h1>Confirm Hotel Booking</h1> 
</div>

<div class="section">
	<h:form id="confirm">
	<fieldset>
		<div class="field">
			<div class="label">Name:</div>
			<div class="output">#{booking.hotel.name}</div>
		</div>
		<div class="field">
			<div class="label">Address:</div>
			<div class="output">#{booking.hotel.address}</div>
		</div>
		<div class="field">
			<div class="label">City, State:</div>
			<div class="output">#{booking.hotel.city}, #{booking.hotel.state}</div>
		</div>
		<div class="field">
			<div class="label">Zip:</div>
			<div class="output">#{booking.hotel.zip}</div>
		</div>
		<div class="field">
			<div class="label">Country:</div>
			<div class="output">#{booking.hotel.country}</div>
		</div>
        <div class="field">
            <div class="label">Total payment:</div>
            <div class="output">
                <h:outputText value="#{booking.total}">
                    <f:convertNumber type="currency" currencySymbol="$"/>
                </h:outputText>
            </div>
        </div>
		<div class="field">
			<div class="label">Check In Date:</div>
			<div class="output">
				<h:outputText value="#{booking.checkinDate}">
					<f:convertDateTime dateStyle="short"/>
				</h:outputText>
			</div>
		</div>
		<div class="field">
			<div class="label">Check Out Date:</div>
			<div class="output">
				<h:outputText value="#{booking.checkoutDate}">
					<f:convertDateTime dateStyle="short"/>
				</h:outputText>
			</div>
		</div>
		<div class="field">
			<div class="label">Credit Card #:</div>
			<div class="output">#{booking.creditCard}</div>
		</div>
		<div class="buttonGroup">
			<h:commandButton id="confirm" value="Confirm" action="confirm"/>&#160;
    		<h:commandButton id="revise" value="Revise" action="revise"/>&#160;
    		<h:commandButton id="cancel" value="Cancel" action="cancel"/>
		</div>
	</fieldset>
	</h:form>
</div>

</ui:define>
</ui:composition>